其他
桌面端与移动端的设计差异,对B端设计又有何影响?
零、优雅降级与渐进增强 引发的一系列问题
有的企业为了降低成本,想白嫖员工的手机
有的老员工会习惯于移动端使用…
一、屏幕空间
这也就造成了作为桌面端的产品,会更多考虑在横向上进行拓展。比如这时候需要去增加一个导航菜单、信息列表,都可以考虑在横向空间上下功夫
而对于设计者来说,发现了这一问题,无论是在导航栏、又或者是标题栏,都是在利用纵向空间进行排布
二、操作交互的方式
2.可以点击的区域有多大
3.点击过后会有什么后果
iOS 的交互热区不能小于44px
Android 的交互热区不能于 48px
(为什么会相差这 4px ,是因为安卓屏幕不够灵敏。😂当然已经是很早期的观点了)
在功能层面上,桌面端通常都是B端产品的 “完全体”
在功能层面上,移动端通常都是B端产品的 “缩水版”,会在功能上进行删减(即使不删减,也会通过各种手段将其隐藏在二级菜单下)因此在展示层面上,主要就是由 屏幕尺寸+交互方式决定的
三、录入信息的形式
当有的时候需要回复一条长消息时,恨不得打开立马脱下双肩包,打开电脑进行快速的回复,因为手机打字的效率实在是太低
四、设备的使用场景
五、信息架构的差异
1.纵向单维度、横向多维度
在移动端的设计当中,我们需要去思考的就是这些信息会存在于列表当中,也就导致移动端在使用纵向空间时,往往只会让你去做“一件事”,比如在这个列表页当中,你要做的就是找到那一个聊天对话,而在对话框内则是查看、发起对应的聊天。整个流程我只能够在手机屏幕当中展示单维度信息
2.单一窗口、多窗口
3.多层级设计
以级联选择这一组件为例,在移动端,我们的级联选择只能通过一层展示一个页面,这样一级一级的方式呈现
而在桌面端,我们的级联选择,可以通过一个极小的下拉菜单就可以呈现多级
六、产品架构
在桌面端,我们通常会去考虑大而全,也就是将产品完整的功能模块展现出来
第二个:这个产品模块能不能够在移动端展现?使用起来究竟有没有好?
在移动端有没有必要查看数据总量? 在移动端有没有必要了解不同页面之间的分页? 在移动端有没有必要使用页面当中的筛选?
七、使用门槛与采购成本
你会发现一个现象,在国内很多B端设备都会推出移动端产品,甚至很多特定行业,使用人群并不是我们理解“打工人”,而更多是那些只会熟悉手机操作的 “父辈”
案例 - 语雀
语雀小记
文档
这也就刚好对应的 桌面端编辑场景、移动端浏览场景
编辑器
消息通知
而通知,最好的形式就是我们平时高频使用打开的设备,那移动端自然不必多说,因此你可以发现,语雀移动端的通知非常的重要,在页面当中可以快速查看通知消息,这样就能够方便用户进行快速的回复